*{
    margin: 0px;
    padding: 0px;
}
a{
    text-decoration: none;
    color:inherit;
}
input,button{
    border: none;
    outline:none;
}
.top{
    width: 100%;
    height: 40px;
    background-color: #FAFAFA;
    border-bottom:1px solid #DFDFDF;
}
.top-mid,.body,.foot-mid{
    margin: 0 auto;
    width: 1240px;
}
.top-mid,.body,.foot-mid::after{
    content: "";
    display: table;
    clear: both;
}
li{
    list-style: none;
}
.top-mid li{
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding: 0px 10px;
    margin-top: 10px;
    color: #8C8C8C;
}
.top-mid li:hover{
    cursor: pointer;
    color: #FE763E;
}
.top-mid li:not(:last-child){
    border-right:1px solid #DFDFDF;
}
.top-mid ul:nth-child(2){
    float: right;
}

.body-top{
    height: 100px;
    margin-top: 20px;
    position: relative;
}
.body-top-left{
    position: absolute;
    top: 10px;
    width: 70px;
    height: 70px;
    background: url(../images/logo.png);
}
.body-top-left:hover{
    cursor: pointer;
}
.body-top p{
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 14px;
    text-indent: 1.5em;
    color: #8C8C8C;
    background: url(../images/clock.png) no-repeat;
}
.body-top-input{
    position: absolute;
    height: 42px;
    width: 420px;
    box-sizing: border-box;
    border: 1px solid #8C8C8C;
    bottom: 20px;
    right: 130px;
    background-color: #fff;
}
.body-top-input input{
    width: 210px;
    height: 20px;
    margin: 10px 0px 10px 5px;
    border: 0;
}
.body-top-input span{
    font-size: 13px;
    color: #444444;
    background-color: #F3F3F3;
}
.body-top-input span:hover{
    cursor: pointer;
}
.body-top-input button{
    height: 40px;
    width: 40px;
    float: right;
    border: 0;
    border-left: 1px solid #8C8C8C;   
}
.body-top-input .icon-fangdajing{
    font-size: 17px;
}
.shop-car{
    position: absolute;
    right: 0px;
    bottom: 20px;
    height: 42px;
    width: 120px;
    border: 0;
    background-color: #FFDB3D;
    font-size: 18px;
    text-indent: 1em;
    background-image: url(../images/shopcar.png);
    background-repeat: no-repeat;
    background-position: 20% center;
}
.body-mid{
    overflow: hidden;
}
.nav{
    overflow: hidden;
}
.nav-left{
    float: left;
    height: 40px;
    width: 250px;
    background-color: #FF4A00;
}
.nav-left p{
    text-align: left;
    padding-left: 20px;
    line-height: 40px;
    font-size: 19px;
    color: white;
}
.nav-right{
    float: left;
    width: 990px;
    height: 40px;
    background-color: #404144;
}
.nav-right p{
    float: left;
    width: 99px;
    text-align: center;
    line-height: 40px;
    font-size: 19px;
    color: white;
}
.nav-right p:hover{
    background-color: #FF4A00;
    cursor: pointer;
}
.list{
    float: left;
    width: 250px;
    height: 600px;
    box-sizing: border-box;
    border-left: 1px solid #DFDFDF;
    background-color: rgb(255, 255, 255);
}
.list div{
    width: 250px;
    height: 75px;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
}
.list-one{
    font-size: 13px;
    line-height: 40px;
    color: #FE763E;
    padding: 10px 0px 0px 20px;
}
.list-tow{
    font-size: 13px;
    color: #8C8C8C;
    line-height: 20px;
    padding-left: 20px;
}
.list p span:hover{
    color: #FE763E;
    cursor: pointer;
}
.list p span{
    float: left;
    padding-right: 10px;
}
.rotation{
    position: relative;
    float: right;
    cursor: pointer;
    position: relative;
    width: 990px;
    height: 420px;
}
.spot{
    position: absolute;
    z-index: 101;
    bottom: 20px;
    right: 10px;
}
.current{
    background:orangered !important;
    color: #fff;
}  
.move1{
    translate: -600px;
}  
.spot>span{
    cursor: pointer;
    width:25px;
    height:25px;
    display: inline-block;
    border-radius: 50%;
    border:1px solid rgb(112, 104, 104);
    background-color:rgba(44,44,44,.3);
    text-align: center;
    line-height: 25px;
    margin-right: 10px;
}
.wrap{
    height: 420px;
    width: 990px;
    position: absolute;
    top: 0px;
    left: 0x;
}
.rotation img{
    position: absolute;
    width: 990px;
    height: 420px;
}
.rotation img:not(:first-child){
    display: none;
}
.rotation-bottom{
    overflow: hidden;
    width: 990px;
    height: 180px;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
}
.phone{
    float: left;
    width: 330px;
    height: 180px;
    background-color: #FFDB3D;
    box-sizing: border-box;
    border-right: 1px solid #DFDFDF;
}
.phone1{
    background-image: url(../images/01.png);
}
.phone2{
    background-image: url(../images/02.png);
}
.phone3{
    background-image: url(../images/03.png);
}
.body-mid-between{
    width: 1240px;
    height: 60px;
}
.body-mid-between p:first-child{
    float: left;
    color: #646464;
    margin-top: 20px;
}
.body-mid-between p:nth-child(2){
    float: left;
    color: #8C8C8C;
    font-size: 14px;
    margin-top: 23px;
    margin-left: 10px;
}
.arrow{
    float: right;
    width: 60px;
    height: 24px;
    margin-top: 25px;
    overflow: hidden;
    font-size: 0px;
}
.arrow span{
    display: inline-block;
    width: 30px;
    height: 24px;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    background: url(../images/06.png) no-repeat;
    background-position: center;
}
.arrow span:first-child{
    border-right: 0;
    background: url(../images/05.png) no-repeat;
    background-position: center;
}
.star-piece{
    width: 100%;
    height: 310px;
}
.star-piece::after{
    content: "";
    display: table;
    clear: both;
}
.star-piece div{
    float: left;
    width: 309px;
    height: 308px;
    border: 1px solid #DFDFDF;
    margin: 0 0 0 -1px;
    background-color: white;
    transition: all 0.5s;
}
.star-piece div:hover{
    transform: translate(-8px,-8px);
    box-shadow:5px 5px 10px #444444;
}
.star-piece div:first-child{
    width: 308px;
    margin: 0;
}
.star-one{
    background: url(../images/T1PxJvBCAT1RXrhCrK!220x220.jpg) no-repeat;
    background-position: center top;
}
.star-tow{
    background: url(../images/T1pOWvBKET1RXrhCrK!220x220.jpg) no-repeat;
    background-position: center top;
}
.star-three{
    background: url(../images/T1y0JTBy_T1RXrhCrK!220x220.jpg) no-repeat;
    background-position: center top;
}
.star-four{
    background: url(../images/aa.jpg) no-repeat;
    background-position: center top;
}
.star-piece p{
    width: 100%;
    text-align: center;
}
.star-piece-title{
    margin-top: 230px;
}
.star-piece-introduce{
    font-size: 13px;
    margin-top: 10px;
}
.text-color1{
    color: #6A655F;
}
.text-color2{
    color: #AAA2A1;
}
.body-mid-between .arrow .more{
    width: 100%;
    font-size: 15px;
    display: block;
    margin-top: 0;
    border: 0;
    text-align: right;
    background: none;
}
.newthing{
    width: 100%;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 50px;
}
.newthing::after{
    content: "";
    display: table;
    clear: both;
}
.new-left{
    width: 930px;
    float: left;
}
.new-left::after{
    content: "";
    display: table;
    clear: both;
}
.new-left>div{
    float: left;
    height: 310px;
    box-sizing: border-box;
    border-top: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;   
    background-color: white;
}
.mi-box{
    width: 620px;  
    background: url(../images/fanghezi0407xiao.jpg);
    background-size: over;
}
.other{
    width: 310px;
    position: relative;
}
.other-mini{
    position: relative;
    width: 100%; 
    height: 50%;
}
.other-n .other-mini:first-child{
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    background: url(../images/T1TfAgB4KT1RXrhCrK!220x220.jpg) no-repeat;
    background-position: right;
    background-size: 50%;
}
.other-n .other-mini:last-child{
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    background: url(../images/T1SrKTBmWT1RXrhCrK!220x220.jpg) no-repeat;
    background-position: right;
    background-size: 50%;
}
.new-left .other:nth-child(2){
    background: url(../images/T1qaVvB7CT1RXrhCrK!220x220.jpg) no-repeat center;
}
.new-left .other:nth-child(4){
    background: url(../images/T1crEgBCYT1RXrhCrK!220x220.jpg) no-repeat center;
}
.new-left .other:nth-child(5){
    background: url(../images/T12qZvB7CT1RXrhCrK!220x220.jpg) no-repeat center;
}
.new-left .other:nth-child(6){
    background: url(../images/T1pZbvBTET1RXrhCrK!220x220.jpg) no-repeat center;
}
.new-left .other:nth-child(7){
    background: url(../images/T1DrL_B4CT1RXrhCrK!220x220.jpg) no-repeat center;
}
.new-left .other:nth-child(8){
    background: url(../images/T1GXxvBsET1RXrhCrK!220x220.jpg) no-repeat center;
}
.new-imformation{
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 15px;
    color: #666666;
}
.new-right{
    float: right;
    width: 310px;
    height: 930px;
    background-color: #FAFAFA;
}
.on-sale{
    width: 310px;
    height: 115px;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    border-bottom: 0px;
    position: relative;
}
.sale1{
    background: url(../images/T1ByZTBjJT1RXrhCrK.jpg) no-repeat;
    background-position: 85% center;
    background-color: #FAFAFA;
    background-size: 30%;
}
.sale2{
    background: url(../images/channel-list-cool.jpg) no-repeat;
    background-position: 85% center;
    background-size: 30%;
}
.sale3{
    background: url(../images/channel-list-new.jpg) no-repeat;
    background-position: 85% center;
    background-size: 30%;
}
.sale1>p:first-child{
    position: absolute;
    top: 0;
    left: 40px;
    background-color: red;
    color: white;
    font-size: 14px;
}
.sale1>p:nth-child(2){
    margin-top: 40px;
    margin-left: 15px;
}
.sale1>p:last-child{
    margin-left: 15px;
    color: #666666;
    font-size: 13px;
}
.price>p{
    float: left;
    line-height: 25px;
    font-size: 13px;
}
.price::after{
    clear: both;
    content: "";
    display: table;
}
.price>p:first-child{
    color: red;
    margin-left: 15px;
}
.price>p:last-child{
    text-decoration: line-through;
    color: #666666;
}
.sale2 p:first-child,.sale3 p:first-child{
    margin: 20px 0px 10px 15px;
}
.sale2 p:not(:first-child),.sale3 p:not(:first-child){
    margin-left: 15px;
    color: #666666;
    line-height: 20px;
    font-size: 13px;
}
.user{
    width: 310px;
    height: 585px;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    padding-top: 30px;
    border-bottom: 0px;
    overflow: hidden;
}
.way{
    height: 55px;
    width: 250px;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
}
.way P{
    line-height: 55px;
    float: left;
    color: #666666;
}
.icon-icon1{
    float: right;
    line-height: 55px;
}
.way:hover p,.way:hover i{
    color: #FF4A00;
}
.recharge-text{
    margin: 30px 0px 20px 30px;
    color: #666666;
}
.input-num{
    width: 250px;
    margin: 0 auto;
    border: 1px solid #DFDFDF;
    height: 40px;
}
.input-num input{
    width: 248px;
    margin-left: 2px;
    line-height: 40px;
}
.form-select{
    outline: none;
    width: 252px;
    margin: 0 auto;
    margin: 10px 0 0 28px;
    border: 1px solid #AAA2A1;
    height: 40px;
}
.true-pay{
    margin: 30px 0px 10px 30px;
    color: #666666;
    font-size: 13px;
}
.pat-now{
    display: block;
    width: 250px;
    margin: 0 auto;
    background-color: #DFDFDF;
    border: none;
    color: #fff;
    height: 40px;
}
.pat-now:hover{
    background-color: #FF4A00;
}
.foot{
    width: 100%;
    height: 550px;
    background-color: #FAFAFA;
}
.foot-mid-top{
    width: 100%;
    height: 160px;
    border-bottom: 1px solid #DFDFDF;
    overflow: hidden;
}
.after-sale{
    float: left;
    width: 20%;
    height: 160px;
    background: url(../images/10.png) no-repeat;
    background-position: center 30%;
}
.after-sale p{
    margin-top: 90px;
    text-align: center;
    color: #666666;
}
.foot-mid-top .after-sale:nth-child(2){
    background: url(../images/11.png) no-repeat;
    background-position: center 30%;
}
.foot-mid-top .after-sale:nth-child(3){
    background: url(../images/12.png) no-repeat;
    background-position: center 30%;
}
.foot-mid-top .after-sale:nth-child(4){
    background: url(../images/13.png) no-repeat;
    background-position: center 30%;
}
.foot-mid-top .after-sale:nth-child(5){
    background: url(../images/14.png) no-repeat;
    background-position: center 30%;
}
.foot-mid-mid{
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #DFDFDF;
    overflow: hidden;
}
.our-imformation{
    float: left;
    width: 170px;
    height: 140px;
    margin-top: 30px;
    margin-right: 22px;
    box-sizing: border-box;
    border-right: 1px solid #DFDFDF;
}
.our-imformation-text{
    color: #AAA2A1;
    font-size: 12PX;
    width: 960px;
    margin: 15PX 0PX;
}
.customer-service{
    float: left;
    padding-top: 30px;
    width: 280px;
    margin: 0 auto;
}
.customer-service p{
    color: #AAA2A1;
    text-align: center;
}
.customer-service p:nth-child(1){
    font-size: 30px;
    margin-bottom: 10px;
}
.customer-service p:not(:first-child){
    font-size: 12px;
    height: 20px;
}
.customer-service button{
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 130px;
    height: 30px;
    border: 0;
    color: #fff;
    background-color: #FF4A00;
}
.foot-mid-bottom{
    overflow: hidden;
    width: max-content;
    margin: 0 auto;
    margin-top: 30PX;
}
.web{
    width: max-content;
    margin: 0 auto;
    line-height: 25px;
    font-size: 13px;
    color: #666666;
}
.web span{
    padding-right: 5px;
    border-right: 1px solid #DFDFDF;
}
.web span:last-child{
    border-right: 0;
}
.web-language{
    line-height: 40px;
}
.foot-mid-bottom .web-language::before{
    content: "";
    display: inline-block;
}
.web-language img{
    display: block;
    float: left;
    margin-top: 5px;
    overflow: hidden;
}
.language{
    float: left;
    width: 200px;
    height: 35px;
    outline: none;
    border: 1px solid #AAA2A1;
}
p,span:hover{
    cursor: pointer;
}